<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>实践出真知</title>

    <!-- code highlight -->
    <link th:href="@{css/codemirror.css}" th:rel="stylesheet"/>
    <link th:href="@{monokai.css}" th:rel="stylesheet"/>
    <link th:href="@{css/show-hint.css}" th:rel="stylesheet"/>
    <link th:href="@{css/coding.css}" th:rel="stylesheet"/>

    <script th:src="@{js/jquery.min.js}"></script>
    <script th:src="@{js/bootstrap-3.1.1.min.js}"></script>
    <!-- code highlight -->
    <script th:src="@{js/codemirror.js}"></script>
    <!-- highlight c-family-java -->
    <script th:src="@{js/clike.js}"></script>
    <script th:src="@{js/sublime.js}"></script>
    <script th:src="@{js/show-hint.js}"></script>
    <script th:src="@{js/anyword-hint.js}"></script>
    <script th:src="@{js/matchbrackets.js}"></script>
    <script th:src="@{js/coding.js}"></script>
</head>
<body>
    <div th:include="header"></div>

    <div id="wrapper" >
        <form th:action="coding" method="post">
            <div id="editor">
                <textarea id="field" name="code" class="text" spellcheck="false">[[${session.code}]]</textarea>
                <div class="editor_btn">
                    <input type="submit" value="运行" class="btn btn-run"/>
                    <input type="reset" value="重置" class="btn  btn-reset"/>
                </div>
            </div>

            <div id="result">
                [[${session.coding_out}]]
                [[${session.coding_error}]]
            </div>
        </form>
    </div>
</body>
</html>